.wrap{
	padding-top: 20rpx;
.header{
		margin-top: 20rpx;
		margin-bottom: 10rpx;
		// width: 750rpx;
		width: 100%;
		height: 120rpx;
		// line-height: 40rpx;
		color: rgba(16, 16, 16, 100);
		text-align: center;
		background-color:white;
		.first-line{
			padding-top: 20rpx;
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-between;
			.info{
				font-size:28rpx;
				margin-left: 50rpx;
				color: #101010 ;
				line-height: 80rpx;
			}
			.icon-jia{
				font-size:72rpx;
				margin-right: 72rpx;
			}
		}
		view:nth-child(2){
			font-size:20rpx;
		}
	}
// 代办页面
.toDoBox{
	width: 100%;
	margin-top: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	box-sizing: border-box;
	.toDoItem{
		width: 650rpx;
		// width: 40%;
		box-sizing: border-box;
		height: 144rpx;
		box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
		border-radius: 20rpx;
		margin:24rpx auto 0 auto;
		.frist_line{
			display: flex;
			justify-content:space-around ;
			margin-top: 20rpx;
			font-size: 28rpx;
			view:nth-child(1){
				font-size: 36rpx;
			}
			view:nth-child(2){
				margin-top: 12rpx;
			}
		}
		.second_line{
			margin-top: 20rpx;
			margin-left: 100rpx;
			font-size: 24rpx;
		}

	}
	}
.delet{
		height: 180rpx;
		width: 160rpx;
		line-height: 180rpx;
		margin: auto;
		text{
			display: inline-block;
		}
		.icon-lajitong{
			color: $mainColor;
			font-size: 64rpx;
		}

}
// 添加代办的对话框样式
.add-wrap{
	width: 600rpx;
	height: 400rpx;
	background-color: #fff;
	border-radius: 16rpx;
	position: absolute;
	z-index: 10;
	top: 20% !important;
	left: 50%;
	margin-top: -100rpx;
	margin-left: -300rpx;
	box-shadow: #dcdcdc 0px 0px 20rpx;
}
// 新建代办对话框
.ToDobox{
	.masking {
			height: 100vh;
			width: 100vw;
			position: fixed;
			background-color: rgba(0,0,0,.5);
			top: 0;
			left: 0;
			z-index: 990;
		}
		.model-wraper {
			width: 600rpx;
			background-color: #fff;
			border-radius: 16rpx;
			position: absolute;
			z-index: 991;
			top: 25%;
			left: 50%;
			margin-top: -100rpx;
			margin-left: -300rpx;
			box-shadow: #dcdcdc 0px 0px 20rpx;
			.title{
				width: 100%;
				height: 80rpx;
				border-bottom: 2rpx solid #E5E5E5;
				display: flex;
				flex-wrap: nowrap;
				justify-content: space-between;
				text{
					line-height: 80rpx;
					padding-left: 40rpx;
					font-size: 42rpx;
				}
				.icon{
					line-height: 80rpx;

					view{
						margin-right: 40rpx;
						font-size: 56rpx;
						display: inline-block;
					}
					.icon-chenggong{
						color: #F5D04B;
					}
					.icon-quxiao{
						font-size: 44rpx;
					}

				}
			}
			.form{
				.name{
					width: 100%;
					height: 100rpx;
					margin-top: 20rpx;
					margin-bottom: 0;
					text-align: center;
					text{
						color:$mainColor;
						font-size: 38rpx;
						line-height: 100rpx;
					}
					.toDoName{
						display: inline-block;
						width: 200rpx;
						text-align: left;
						border-bottom: 4rpx solid black;
						padding-left: 10rpx;
						// left:0,
					}
				}
				.target{

					text-align: center;
					margin-bottom: 40rpx;
					text{
						margin-top: 20rpx;
						margin-bottom: 20rpx;
						font-size: 38rpx;
					}
				radio-group{
					font-size: 28rpx;
					display: inline-block;
					label{
						margin: 8rpx;
					}
					radio{
						color:$mainColor ;
					}
				}
				.btn{
				height: 60rpx;
				line-height: 60rpx;
				top:16rpx;
				margin-left:10rpx;

				}
				.button-hover[type=default]{
					background-color: $mainColor !important;
				}

				}

			}
		}

}
.popupBox{
	.masking2{
		height: 100vh;
		width: 100vw;
		position: fixed;
		background-color: rgba(0,0,0,0.5);
		top: 0;
		left: 0;
		z-index: 9995;
	}
	.inputWrap{
		width: 600rpx;
		background-color: #fff;
		border-radius: 30rpx;
		position: absolute;
		z-index: 9996;
		top:42%;
		left:50%;
		margin-left: -300rpx;
		margin-top:-100rpx;
		.title{
			border-bottom: 1px solid #BBBBBB ;
			height:90rpx;
			width: 100%;
			text{
				font-size: 42rpx;
				padding-left: 30rpx;
				display:inline-block;
				line-height: 80rpx;
				height: 40rpx;
			}
		}
		label{
			padding: 20rpx;
			display: flex;
			flex-wrap: nowrap;
			justify-content:center;
			height: 80rpx;
			line-height: 80rpx;
			font-size: 36rpx;
			text{
				display: inline-block;
			}
			text:nth-child(2){
				line-height:80rpx;
			}
			.btn{
			color: white;
			font-size: 42rpx;
			font-weight: bolder;
			width: 60rpx;
			height: 48rpx;
			display: inline-block;
			line-height:48rpx;
			border-radius: 12rpx;
			background-color: rgba(245, 208, 75, 100);
			text-align: center;
			border: 2rpx solid rgba(245, 208, 75, 100);
			margin-top: 16rpx;

			}
			.btn-left{
				margin-right: 60rpx;
			}
			.btn-right{
				margin-left: 60rpx;
			}
		}
		.btm-btn{
			display: flex;
			justify-content: space-around;
			button{
				margin-top: 8px;
				width: 50%;
			}
			.frist-btn{
				border-bottom-left-radius: 30rpx;
			}
			.second-Btn{
				background: $mainColor !important;
				color: white;
				border-bottom-right-radius: 30rpx;
			}
		}
	}
}
// 学习报告

.head{
	display: inline-block;
	// width:750rpx ;
	width: 100%;
	height: 30rpx;
	font-size: 28rpx;
	text-align: center;
	margin-top: 20rpx;
	text:nth-child(1){
		margin:auto 24rpx;
		font-size: 40rpx;
		color: #F5D04B;
	}
}
.report-wrap{
	margin-top: 20rpx;
	font-size: 28rpx;
	// .segmented-control{
	// 	margin-top: 20rpx;
	// 	width: 420rpx;
	// }
	.normal{
		width: 652rpx;
		// height: 346rpx;
		border-radius: 30rpx;
		text-align: center;
		box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
		margin: 40rpx auto;
	}
	.time-box{
		height: 400rpx;
		text:nth-child(1){
		display: inline-block;
		width:100%;
		text-align: center;
		margin-top: 30rpx;
	}
	.charts-box{
		width: 100%;
		height:300rpx;
		margin: auto;
	}

	}
	.classify{
		height: 600rpx;
		text{
			display: inline-block;
			width:100%;
			text-align: center;
			margin-top: 30rpx;
		}
		.weekly-chart{
			height:520rpx;
			width:100%;
		}
	}

}
}
